<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>京东</title>
		<style>
			div{
				border: 1px solid #ddd;
				width:350px;
				height:80px;
				border-radius: 10px;
				box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			}
			.square {
			            width: 100px;
			            height: 100px;
			            background : #333;
			            border: 1px solid black;} 
			h1{
				padding: 1px;
				font-size: 25px;
			}
			p{
				margin:0 auto;
			}
		</style>
	</head>
	<body>
		<div id="JD" ,class=".square">
			<h1>搜索 京东商品</h1>
			<p>搜索</p>
			<div class=".square"></div>
		</div>
	</body>
</html>